<template>
  <div class="c-martin__button__contain">
    <ul class="c-margin__button__ul">
      <li v-for="(full, g) in fullButton" :key="g" class="c-margin__button__li">
        <martin-button :type="full.type" :size="full.size">
          蓝色按钮
        </martin-button>
      </li>
    </ul>
    <ul class="c-margin__button__ul">
      <li v-for="(def, g) in defaultButton" :key="g" class="c-margin__button__li">
        <martin-button :type="def.type" :size="def.size">
          蓝色按钮
        </martin-button>
      </li>
    </ul>
  </div>
</template>

<script>
import Button from '@/package/Button/src/Button'

export default {
  name: 'MartinButtonContain',
  components: {
    'martin-button': Button
  },
  data() {
    return {
      fullButton: [
        {
          type: 'primary',
          size: ''
        },
        {
          type: 'primary',
          size: 'medium'
        },
        {
          type: 'primary',
          size: 'small'
        },
        {
          type: 'primary',
          size: 'mini'
        }
      ],
      defaultButton: [
        {
          type: '',
          size: ''
        },
        {
          type: '',
          size: 'medium'
        },
        {
          type: '',
          size: 'small'
        },
        {
          type: '',
          size: 'mini'
        }
      ]
    }
  }
}
</script>

<style>

</style>
